.root {
  min-width: 1236px;
  // background: #000;
  // padding: 24px;
  height: 100vh;
  min-height: 650px;

  .context {
    height: 100%;
    width: 100%;
    display: flex;

    .left {
      width: 27%;
      height: 100%;
      display: flex;
      flex-direction: column;
      margin-right: 20px;

      .msg {
        width: 100%;
        height: 374px;
        background-color: #fff;
        margin-bottom: 26px;
      }

      .announcement {
        flex: 1;
        width: 100%;
        background-color: #fff;
      }

    }

    .certen {
      width: 46%;
      height: 100%;
      margin-right: 20px;

      display: flex;
      flex-direction: column;

      .chart {
        width: 100%;
        flex: 1;
        margin-bottom: 24px;
        background-color: #fff;
      }

      .ranking {
        width: 100%;
        flex: 1;
        margin-bottom: 24px;
        background-color: #fff;
      }

      .footer {
        width: 100%;
        flex: 1;
        display: flex;

        .untreated{
          flex: 1;
          height: 100%;
          margin-right: 20px;
          background-color: #fff;
        }
        .warning{
          flex: 1;
          height: 100%;
          background-color: #fff;
        }
      }
    }

    .right {
      background-color: #fff;
      width: 27%;
      height: 100%;
    }
  }
}
